<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description"
		content="京东JD.COM-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。">
	<meta name="keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东">
	<title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
	<!-- ico图标的引入 -->
	<link rel="shortcut icon" href="favicon.ico" />
	<!-- 引入默认css样式 -->
	<link rel="stylesheet" href="./css/normalize.css">
	<link rel="stylesheet" href="./css/base.css">
	<link rel="stylesheet" href="./css/index.css">
	<link rel="stylesheet" href="./css/swiper-bundle.min.css">
	<script src="./js/swiper-bundle.min.js"></script>
	<link rel="stylesheet" href="//at.alicdn.com/t/font_2790580_vmmotlpq5he.css">
</head>

<body>
	<!-- start  header-->
	<header>
		<div class="w">
			<a href="#">
				<img src="./uploads/gg.webp" alt="">
			</a>
		</div>
	</header>
	<!-- end  header-->
	<!-- 快速导航  start-->
	<div class=" shortcut ">
		<div class="w">
			<!-- <ul class="fl city"><a href="#"><i class="iconfont icon-dingwei"></i>北京</a></ul> -->
			<div class="top">
				<div class="top-content">
					<div id="cityselect">
						<span id="city">
							送至：<var>北京</var><i>&or;</i>
						</span>
						<div id="select">
							<div class="select-div"><span class="this-selec">北京</span></div>
							<div class="select-div"><span>上海</span></div>
							<div class="select-div"><span>天津</span></div>
							<div class="select-div"><span>重庆</span></div>
							<div class="select-div"><span>河北</span></div>
							<div class="select-div"><span>山西</span></div>
							<div class="select-div"><span>河南</span></div>
							<div class="select-div"><span>辽宁</span></div>
							<div class="select-div"><span>吉林</span></div>
							<div class="select-div"><span>黑龙江</span></div>
							<div class="select-div"><span>内蒙古</span></div>
							<div class="select-div"><span>江苏</span></div>
							<div class="select-div"><span>山东</span></div>
							<div class="select-div"><span>安徽</span></div>
							<div class="select-div"><span>浙江</span></div>
							<div class="select-div"><span>福建</span></div>
							<div class="select-div"><span>湖北</span></div>
							<div class="select-div"><span>湖南</span></div>
							<div class="select-div"><span>广东</span></div>
							<div class="select-div"><span>广西</span></div>
							<div class="select-div"><span>江西</span></div>
							<div class="select-div"><span>四川</span></div>
							<div class="select-div"><span>海南</span></div>
							<div class="select-div"><span>贵州</span></div>
							<div class="select-div"><span>云南</span></div>
							<div class="select-div"><span>西藏</span></div>
							<div class="select-div"><span>陕西</span></div>
							<div class="select-div"><span>甘肃</span></div>
							<div class="select-div"><span>青海</span></div>
							<div class="select-div"><span>宁夏</span></div>
							<div class="select-div"><span>新疆</span></div>
							<div class="select-div"><span>台湾</span></div>
							<div class="select-div"><span>香港</span></div>
							<div class="select-div"><span>澳门</span></div>
							<div class="select-div"><span>钓鱼岛</span></div>
							<div class="select-div"><span>海外</span></div>
						</div>
					</div>

				</div>
			</div>
			<ul class="fr daohang">
				<li>
					<a href="#">您好，请登录</a>
					<a href="#" class="f10">免费注册</a>
				</li>
				<li class="space"></li>
				<li>
					<a href="#">我的订单</a>
				</li>
				<li class="space"></li>
				<li>
					<a href="#">我的京东<i class="iconfont icon-jiantouxia"></i></a>
				</li>
				<li class="space"></li>
				<li>
					<a href="#">京东会员</a>
				</li>
				<li class="space"></li>
				<li>
					<a href="#">企业采购<i class="iconfont icon-jiantouxia"></i></a>
				</li>
				<li class="space"></li>
				<li>
					<a href="#">客户服务</a>
				</li>
				<li class="space"></li>
				<li>
					<a href="#">网站导航<i class="iconfont icon-jiantouxia"></i></a>
				</li>
				<li class="space"></li>
				<li>
					<a href="#" class="mobile">手机京东
						<img src="./images/ewm.png" alt="">
					</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- 快速导航  end-->
	<!-- 中间部分 s -->
	<div class="w middle">
		<div class="">
			<div class="logo">
				<h1><a href="#"></a></h1>
			</div>
			<!-- 搜索框 -->
			<div class="form">
				<i class="iconfont icon-zhaoxiangji"></i>
				<input type="text" placeholder="海飞丝洗发水">
				<button><i class="iconfont icon-sousuo"></i></button>
			</div>
			<!-- 购物车 -->
			<div class="shopCar">
				<i class="iconfont icon-gouwuche"></i>
				<span>10</span>
				<a href="#">我的购物车</a>
			</div>
			<!-- 关键词 -->
			<div class="hotwords">
				<a href="" class="f10">大势新品赏</a>
				<a href="">苹果</a>
				<a href="">专场家装</a>
				<a href="">建材</a>
				<a href="">大屏冰箱</a>
				<a href="">黄金项链</a>
				<a href="">生鲜好物</a>
				<a href="">英特尔</a>
			</div>
			<!-- 小导航部分 -->
			<div class="navitems">
				<ul>
					<li><a class="f10" href="#">秒杀</a></li>
					<li><a class="f10" href="#">优惠券</a></li>
					<li><a href="#">PLUS会员</a></li>
					<li><a href="#">品牌闪购</a></li>
					<li><a href="#">拍卖</a></li>
					<li><a href="#">京东家电</a></li>
					<li><a href="#">京东超市</a></li>
					<li><a href="#">京东生鲜</a></li>
					<li><a href="#">京东国际</a></li>
					<li><a href="#">京东云</a></li>
				</ul>
			</div>
			<!-- 右侧广告 -->
			<div class="super">
				<img src="./uploads/ggt.webp" alt="">
			</div>
		</div>
	</div>
	<!-- 中间部分 e -->

	<!-- 中间分类区域 s -->
	<div class="w grid">
		<div class="grid-col1 fl">
			<div class="ad">
				<img src="./uploads/nav-1.webp" alt="">
				<div class="ad-r"></div>
			</div>
			<ul>
				<li>
					<a href="">家用电器</a>
				</li>
				<li>
					<a href="">手机</a><span>/</span>
					<a href="">运营商</a><span>/</span>
					<a href="">数码</a>
				</li>
				<li>
					<a href="">手机</a><span>/</span>
					<a href="">运营商</a><span>/</span>
					<a href="">数码</a>
				</li>
				<li>
					<a href="">手机</a><span>/</span>
					<a href="">运营商</a><span>/</span>
					<a href="">数码</a>
				</li>
				<li>
					<a href="">手机</a><span>/</span>
					<a href="">运营商</a><span>/</span>
					<a href="">数码</a>
				</li>
				<li>
					<a href="">手机</a><span>/</span>
					<a href="">运营商</a><span>/</span>
					<a href="">数码</a>
				</li>
				<li>
					<a href="">手机</a><span>/</span>
					<a href="">运营商</a><span>/</span>
					<a href="">数码</a>
				</li>
				<li>
					<a href="">手机</a><span>/</span>
					<a href="">运营商</a><span>/</span>
					<a href="">数码</a>
				</li>
				<li>
					<a href="">手机</a><span>/</span>
					<a href="">运营商</a><span>/</span>
					<a href="">数码</a>
				</li>
				<li>
					<a href="">手机</a><span>/</span>
					<a href="">运营商</a><span>/</span>
					<a href="">数码</a>
				</li>
				<li>
					<a href="">手机</a><span>/</span>
					<a href="">运营商</a><span>/</span>
					<a href="">数码</a>
				</li>
				<li>
					<a href="">手机</a><span>/</span>
					<a href="">运营商</a><span>/</span>
					<a href="">数码</a>
				</li>
				<li>
					<a href="">手机</a><span>/</span>
					<a href="">运营商</a><span>/</span>
					<a href="">数码</a>
				</li>
				<li>
					<a href="">手机</a><span>/</span>
					<a href="">运营商</a><span>/</span>
					<a href="">数码</a>
				</li>
				<li>
					<a href="">手机</a><span>/</span>
					<a href="">运营商</a><span>/</span>
					<a href="">数码</a>
				</li>
				<li>
					<a href="">手机</a><span>/</span>
					<a href="">运营商</a><span>/</span>
					<a href="">数码</a>
				</li>
			</ul>
		</div>
		<div class="grid-col2 fl">
			<div class="grid-col2-t">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<img src="./uploads/001.webp" alt="">
						</div>
						<div class="swiper-slide">
							<img src="./uploads/002.jpg" alt="">
						</div>
						<div class="swiper-slide">
							<img src="./uploads/003.jpg" alt="">
						</div>
						<div class="swiper-slide">
							<img src="./uploads/004.jpg" alt="">
						</div>
					</div>
					<!-- Add Arrows -->
					<div class="swiper-button-next"></div>
					<div class="swiper-button-prev"></div>
					<!-- Add Pagination -->
					<div class="swiper-pagination"></div>
				</div>
			</div>
			<div class="grid-col2-b">
				<img src="./uploads/r1.webp" alt="">
				<img class="m2" src="./uploads/r2.webp" alt="">
				<img class="m2" src="./uploads/r3.webp" alt="">
			</div>
		</div>
		<div class="grid-col3 fr">
			<div class="grid-col3-t">
				<div class="top">
					<div class="user-icon">
						<img src="./uploads/user.png" alt="">
					</div>
					<div class="mes">
						<a href="#">Hi~欢迎逛京东！</a><br />
						<a href="#">登陆</a><span> | </span><a href="#">注册</a>
					</div>
				</div>
				<div class="user_profit">
					<a href="#">新人福利</a>
					<a href="#">PLUS会员</a>
				</div>
			</div>
			<div class="grid-col3-m">
				<div class="title">
					<h4>京东快报</h4>
					<a href="#">更多> </a>
					<!-- <i class="iconfont icon-jiantou2"></i> -->
					</a>
				</div>
				<ul class="content">
					<li>
						<a href="">
							<span>热门</span>送礼送点啥？我选百草味健康礼品！
						</a>
					</li>
					<li>
						<a href="">
							<span>热门</span>送礼送点啥？我选百草味健康礼品！
						</a>
					</li>
					<li>
						<a href="">
							<span>热门</span>送礼送点啥？我选百草味健康礼品！
						</a>
					</li>
					<li>
						<a href="">
							<span>热门</span>送礼送点啥？我选百草味健康礼品！
						</a>
					</li>

				</ul>
			</div>
			<div class="grid-col3-b">
				<ul>
					<li>
						<a href="#">
							<img src="./images/hf.png" alt="">
							<span>话费</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./images/jp.png" alt="">
							<span>机票</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./images/jd.png" alt="">
							<span>酒店</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./images/yx.png" alt="">
							<span>游戏</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./images/jy.png" alt="">
							<span>加油卡</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./images/hc.png" alt="">
							<span>火车票</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./images/zc.png" alt="">
							<span>众筹</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./images/lc.png" alt="">
							<span>理财</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./images/bt.png" alt="">
							<span>白条</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./images/dy.png" alt="">
							<span>电影票</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./images/qyg.png" alt="">
							<span>企业购</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./images/lpk.png" alt="">
							<span>礼品卡</span>
						</a>
					</li>

				</ul>
			</div>

		</div>

	</div>
	</div>
	<!-- 中间分类区域 e -->

	<!-- 页面底部 s -->
	<footer>
		<!-- service -->
		<div class="service">
			<div class="w">
				<ul>
					<li>
						<h5></h5>
						<p>品类齐全，轻松购物</p>
					</li>
					<li>
						<h5></h5>
						<p>品类齐全，轻松购物</p>
					</li>
					<li>
						<h5></h5>
						<p>品类齐全，轻松购物</p>
					</li>
					<li>
						<h5></h5>
						<p>品类齐全，轻松购物</p>
					</li>
				</ul>
			</div>
		</div>
		<!-- help -->
		<div class="w help">
			<div class="fl">
				<dl>
					<dt>购物指南</dt>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<!-- <dd><a href="#">购物流程</a></dd> -->
				</dl>
				<dl>
					<dt>购物指南</dt>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<!-- <dd><a href="#">购物流程</a></dd> -->
				</dl>
				<dl>
					<dt>购物指南</dt>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<!-- <dd><a href="#">购物流程</a></dd> -->
				</dl>
				<dl>
					<dt>购物指南</dt>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<!-- <dd><a href="#">购物流程</a></dd> -->
				</dl>
				<dl>
					<dt>购物指南</dt>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<!-- <dd><a href="#">购物流程</a></dd> -->
				</dl>
			</div>
			<div class="fr coverage">
				<h5>京东自营覆盖区县</h5>
				<p>京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
				<a href="#">查看详情<i class="iconfont icon-jiantou2"></i></a>
			</div>
		</div>
		<!-- copyright -->
		<div class="w copyright">
			<p>
				<a href="#">关于我们</a>
				<span> | </span>
				<a href="#">关于我们</a>
				<span> | </span>
				<a href="#">关于我们</a>
				<span> | </span>
				<a href="#">关于我们</a>
				<span> | </span>
				<a href="#">关于我们</a>
				<span> | </span>
				<a href="#">关于我们</a>
				<span> | </span>
				<a href="#">关于我们</a>
				<span> | </span>
				<a href="#">关于我们</a>
				<span> | </span>
				<a href="#">关于我们</a>
				<span> | </span>
				<a href="#">关于我们</a>
				<span> | </span>
				<a href="#">关于我们</a>
				<span> | </span>
				<a href="#">关于我们</a>
				<span> | </span>
				<a href="#">关于我们</a>
				<!-- <span> | </span> -->
			</p>
			<div>
				<p>
					<a href="">京公网安备 11000002000088号</a>
					<span> | </span>
					<a href="">京ICP备11041704号</a>
					<span> | </span>
					<a href="">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a>
					<span> | </span>
					<a href="">新出发京零 字第大120007号</a>
				</p>
				<p>
					<span>互联网出版许可证编号新出网证(京)字150号</span>
					<span> | </span>
					<a href="#">出版物经营许可证</a>
					<span> | </span>
					<a href="#">网络文化经营许可证京网文[2020]6112-1201号</a>
					<span> | </span>
					<a href="#">违法和不良信息举报电话：4006561155</a>
				</p>
				<p>
					<span>消费者维权热线：4006067733</span>
					<span> | </span>
					<a href="#">经营执照</a>
					<span> | </span>
					<span>(京)网械平台备字(2018)第00003号</span>
					<span> | </span>
					<a href="#">营业执照</a>
				</p>
				<p class="ddd">
					<a href="">Global Site
						<i></i>
					</a>
					<span> | </span>
					<a href="">Сайт России</a>
					<span> | </span>
					<a href="">Situs Indonesia</a>
					<span> | </span>
					<a href="">Sitio de España</a>
					<span> | </span>
					<a href="">เว็บไซต์ประเทศไทย</a>
				</p>
				<p>
					<span>京东旗下网站：</span>
					<a href="#">京东钱包</a>
					<span> | </span>
					<a href="#">京东云</a>
				</p>

			</div>
			<p class="foot-icon">
				<a class="a1" href="#"></a>
				<a class="a2" href="#"></a>
				<a class="a3" href="#"></a>
				<a class="a4" href="#"></a>
				<a class="a5" href="#"></a>
				<a class="a6" href="#"></a>
			</p>
		</div>
	</footer>
	<!-- 页面底部 e -->
</body>

</html>
<script src="./js/index.js"></script>